﻿@model Controller2.Models.Brainstorm_Mensagem
@{
    Layout = null;
}
<!DOCTYPE html>
<html class="no-js">
<head>
    <title>Cadastro</title>
    @if (!Request.IsAjaxRequest())
    {
        <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
        <link href="../../Content/themes/controller/controller.css" rel="stylesheet" type="text/css" />
        @(Html.Telerik().StyleSheetRegistrar().DefaultGroup(group => group.Add("telerik.common.css").Add("telerik.vista.css").Combined(true).Compress(true)))  
        <script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/controller.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"></script>    
        <script src="@Url.Content("~/Scripts/jquery.maskedinput-1.3.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
        @(Html.Telerik().ScriptRegistrar()
        .jQuery(false)
        .Globalization(true)
        .DefaultGroup(group => group.Combined(true)
            .Compress(true).CacheDurationInDays(365))
        .Scripts(s => s
            .Add("~/Scripts/jquery.validate.min.js")
            .Add("~/Scripts/jquery.unobtrusive-ajax.min.js")
            .Add("~/Scripts/jquery.validate.unobtrusive.min.js")
        ))
    }
    <style type="text/css">
        .editor-label
        {
            width: 140px;
            margin-left: 2px;
        }
        #botoesForm
        {
            width: 95%;
            text-align: right;
        }
        textarea
        {
            width: 97%;
            height: 60px;
        }
        .error
        {
            color: red;
            clear: both;
            font: 10px Arial,Helvetica,sans-serif;
            height: 15px;
        }
        iframe
        {
            width: 100%;
            height: 100%;
        }
    </style>
    @if (false)
    {
        <script src="../../Scripts/jquery-vsdoc.js" type="text/javascript"></script>
        <script src="../../Scripts/controller.js" type="text/javascript"></script>
    }
</head>
<body id="frame">
    <div id="formHide">
        @using (Html.BeginForm("SalvarMensagem", "Brainstorm", FormMethod.Post, new { id = "formulario" }))
        {
            @Html.ValidationSummary(true)           
                
            @Html.HiddenFor(model => model.IdMensagem)
            @Html.HiddenFor(model => model.IdTopico)
            @Html.HiddenFor(model => model.DataCadastro)
            @Html.HiddenFor(model => model.UserName)
            @Html.HiddenFor(model => model.IdMensagemOrigem)
            @(Html.Telerik().Editor()
                .Name("Mensagem")
                .Encode(false)
                .HtmlAttributes(new { style = "height:550px;" })
            )			
            <div class="error">@Html.ValidationMessageFor(model => model.Mensagem)</div>
                    
            <div id="botoesForm">
                <input type="submit" id="Gravar" value="Gravar" />
                <input type="button" id="Fechar" value="Cancelar" />
            </div>
        }
    </div>
    <div id="alertaErro" style="display: none">
    </div>
    <script type="text/javascript">
        $(function () {
            $.validator.unobtrusive.parse("formulario");            
            $('#Mensagem-value').rules("add", {
                obrigatorio: true,
                messages: {
                    obrigatorio: "Por favor, escreva uma mensagem."
                }
            });
            $('#formHide').fadeIn('slow');
            hideLoading();
            $('#Mensagem iframe').focus()
        });
        $.validator.methods.obrigatorio = function (value, element, param) {
            if ($(element).val() != "") {
                $('.t-editable-area').css('border-color', '#A7BAC5');
                return true;
            } else {
                $('.t-editable-area').css('border-color', 'red');
                return false;
            }
        };
        $('#formulario').submit(function (e) {
            e.preventDefault();
            var valido = $('#formulario').valid();
            if (valido) {
                $.post('@Url.Action("SalvarMensagem", "Brainstorm")', $('#formulario').serialize(), function (data) {
                    $('#Gravar').attr('disabled', false);
                    if (data.salvo) {
                        html = '<div class="corpomensagem ' + data.idMensagem + '"><div class="user"><span class="username">' + $('#UserName').val() + '</span><span class="dataMensagem">' + data.dataMensagem + '</span></div>';
                        html += '<div class="msg"><div class="positivar"><img src="@Url.Content("~/Content/imagens/positivo.png")" data-idmensagem="data.idMensagem" alt="Positivo" style="vertical-align: baseline;" /><span class="positivo">0</span><img src="@Url.Content("~/Content/imagens/negativo.png")" data-idmensagem="data.idMensagem" alt="Negativo" style="vertical-align: middle; margin-left: 20px;" /><span class="negativo">0</span>&nbsp;&nbsp;';
                        html += '<span class="btnResponder"><input type="button" value="Responder" data-idmensagem="' + data.idMensagem + '" /></span><span class="btnExcluir"> <input type="button" value="Excluir" data-idmensagem="' + data.idMensagem + '"/></span></div><div id="line"></div><br />';
                        html += '<div>';
                        if (data.idMensagemOrigem > 0) {
                            html += '<div><span class="collapse">Ocultar -</span><br /><div class="msgOriginal"><div style="clear: both; font-style: normal !important; font-weight: bold; font-size: 14px; font-family: Courier New; margin-bottom: 10px;">Mensagem original: ' + dataOrigem + ' - ' + usernameOrigem + '</div>' + mensagemOrigem + '</div></div>';
                        }
                        html += '<div class="textoMensagem">' + $('#Mensagem-value').val() + '</div></div></div>';
                        $('#fieldMensagem').removeClass('hideFielset');
                        closeWindow();
                    } else {
                        alertError(data.error);
                    }
                });
            }
        });
        $('#Fechar').click(function () { closeWindow(); });
        function Editor_onPaste(e) {
            var html = e.html;
            e.html = html.replace(/<br\/?>/ig, "");
        }
    </script>
</body>
</html>
